html,
body {
  width: 100%;
  height: 100%;
  font-size: 13.33vw;
}
.nav {
  margin: 12% auto;
  height: 0.56rem;
  position: relative;
}
.sp {
  width: 0.12rem;
  height: 0.13rem;
  line-height: 0.56rem;
  position: absolute;
  top: 0px;
  left: 0.46rem;
  font-size: 0.56rem;
}
.nav-shezhi {
  display: block;
  font-size: 0.47rem;
  text-align: center;
  line-height: 0.56rem;
}
.main {
  font-size: 0.47rem;
  margin-left: 0.46rem;
  color: #3f3f3f;
}
.main-ld {
  color: #009eff;
}
.main-wd {
  color: #ff5036;
}
.main-qx {
  color: #f4c960;
}
.main-ql {
  color: #f28a4b;
}
.main-yj {
  color: #fdb026;
}
.main-gz {
  color: #1b9aff;
}
.main-yjt {
  margin-left: 3.85rem;
}
.main-yjtto {
  margin-left: 2.9rem;
}
.main p {
  line-height: 1.7rem;
}
.footer {
  width: 90%;
  height: 1.32rem;
  margin: 0.87rem auto;
  background-color: red;
  border-radius: 0.15rem;
  font-size: 0.47rem;
  text-align: center;
  line-height: 1.32rem;
}
